<template>
	<el-container>
		<el-header>
			<nav-bar></nav-bar>
		</el-header>
		<el-container>
			<el-aside width='auto'>
				<side-bar></side-bar>
			</el-aside>
			<el-main>
				<router-view></router-view>
			</el-main>
		</el-container>
	</el-container>
</template>

<script>
	import NavBar from '@/components/NavBar.vue'
	import SideBar from '@/components/SideBar.vue'

	export default {
		components: {
			NavBar,
			SideBar,
		}
	}
</script>

<style lang="less" scoped>
	.el-header {
		padding: 0;
	}

	.el-aside {
		background-color: rgb(84, 92, 100);
	}

	.el-container {
		height: 100vh;
		overflow: hidden;
	}
	.w-e-text-container{
	    height: 1000px !important;
	}
	
</style>
